﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<script src="style/jquery-1.9.1.min.js"></script>
		<script src="style/wpo_alog_speed.js" async></script>
		<script src="style/alog.js"></script>
		<title>{$pagetitle}</title>
		<link rel="stylesheet" type="text/css" href="style/list_css_0_6f15796.css"/>
		<link rel="stylesheet" type="text/css" href="style/common_css_0_6c6ef1d.css"/>
		<link rel="stylesheet" type="text/css" href="style/common_css_1_ad94b5d.css"/>
		<link rel="stylesheet" type="text/css" href="/wap/images/footer.css"/>
	</head>
	
	<body mon="position=index">
		<script src="style/jquery-1.9.1.min.js"></script>
		<header class="w-index-header" mon="type=header" style="position:relative;">						
			<div style="position:absolute;top:.5rem;left:.625rem;width:1.75rem;height:1.75rem;">
				<a href="javascript:history.back()">
					<img src="/wap/images/return.png"/>					
				</a>
			</div>
			{$pagetitle}	
		</header>
		<article class="p-index" mon="action=click" id="j-index">
			<!--广告位-->
			<section>
				<script src="/static/js/banner.js" type="text/javascript"></script>
				<style type="text/css">
					.mybanner{width:100%;height:9.375rem;overflow:hidden;font-size:0;z-index:0;float:left;}
					.mybanner .slider li a img{width:100%;height:9.375rem;}
					.num{bottom:5px;position:absolute;right:44%;}
					.num li{background:none;color:#D94B01;cursor:pointer;float:left;width:.25rem;height:.25rem;border-radius:100%;margin: 0 3px;overflow:hidden;border:1px solid #FFFFFF;text-align:center;}
					.num li.on{background:#FFFFFF;}
					.paginator{padding:10px;white-space:nowrap;font-size:12px;}
					.paginator li{display:inline;margin:0 4px;*vertical-align:middle;}
					.paginator li.current{*height:24px;margin:0 6px;font-weight:bold;*line-height:24px;}
					.paginator li a{*display:inline-block;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #48D9CF;text-decoration:none;*line-height:22px;*position:relative;background:#FFFFFF;border-radius:4px;color:#48D9CF;}
					.paginator li a.focus{background:#48D9CF;color:#FFFFFF;border:none;}
					.paginator li a:hover{*height:24px;padding:4px 7px 5px;*padding:0 7px;border:1px solid #48D9CF;*line-height:24px;background:#48D9CF;color:#FFFFFF;text-decoration:none;}
					.paginator li a.nolink{color:#ccc;cursor:default;}
					.paginator li a.nolink:hover{background:#48D9CF;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #ccc;*line-height:22px;}
					#dialog{position:absolute;z-index:999;border:1px solid #dddddc;display:none;width:100%;}
					.user-credit{position:relative;width:100%;height:2.5rem;margin:0 0 .625rem;background:#FFFFFF;}
					.user-credit div{position:absolute;padding-left:1.25rem;height:2.5rem;line-height:2.5rem;}
					.user-credit .credit-score{background:url(/wap/img/credit_score.png) no-repeat left center;font-size:0.875rem;left:10%;top:0;color:#333333;}
					.user-credit .credit-score span{color:#48D9CF;}
					.user-credit .credit-record{background:url(/wap/img/credit_record.png) no-repeat left center;right:10%;top:0;}
					.user-credit .credit-record a{font-size:0.875rem;color:#333333;}
					
					.index-catg{position:relative;box-sizing:border-box;padding-bottom:14px;background:#fff}
					.index-catg ul{list-style:none}
					.index-catg .wraps{position:relative;width:100%;height:188px;overflow:hidden}
					.index-catg .wraps .wrap{position:absolute;box-sizing:border-box;padding-top:12px;top:0;left:0;width:100%;height:85%}
					.index-catg .wraps .wrap:first-child{background:#fff;z-index:10}
					.index-catg .pointers{position:absolute;left:0;bottom:16px;width:100%;text-align:center;height:7px;line-height:7px}
					.index-catg .pointers i.active{width:8px;height:8px;border:none;background:#48D9CF;}
					.index-catg .pointers i{display:inline-block;margin-left:10px;width:8px;height:8px;border-radius:8px;background:#EEEEEE;}
					.index-catg .pointers i:first-child{margin-left:0;}
					.index-catg .img{width:40px;height:40px;margin:8px auto 5px;background-repeat:no-repeat;background-size:40px auto;background-position:center}
					.index-catg .text{font-size:0.875rem;text-align:center;line-height:1em}
					.index-catg .item{display:block;box-sizing:border-box;float:left;height:72px;width:25%;font-size:12px;color:#303030;position:relative;margin-bottom:10px}
					.index-catg .item:active{background-color:#f6f6f6}
					.zhongbiaopeishi{background:url(/wap/img/credit/zhongbiaopeishi.png) no-repeat;}
					.zhubaofushi{background:url(/wap/img/credit/zhubaofushi.png) no-repeat;}
					.gehumeizhuang{background:url(/wap/img/credit/gehumeizhuang.png) no-repeat;}
					.bendishenghuo{background:url(/wap/img/credit/bendishenghuo.png) no-repeat;}
					.shumajiadian{background:url(/wap/img/credit/shumajiadian.png) no-repeat;}
					.shipinyinliao{background:url(/wap/img/credit/shipinyinliao.png) no-repeat;}
					.jiajubaihuo{background:url(/wap/img/credit/jiajubaihuo.png) no-repeat;}
					.more{background:url(/wap/img/credit/more.png) no-repeat;}		
				</style>
				<div style="width:100%;height:9.375rem;margin-left:auto; margin-right:auto;padding:0px;">
					<div id="idTransformView" class="mybanner" style="overflow: hidden; position: relative;">
						<ul id="idSlider" class="slider">
							<!--{loop $banner_creditshop $jifei}-->
							<li style="position: absolute; z-index: 0; width:100%;opacity: 0;">
								<a href="#">
									<img src="${team_image($jifei['image'])}">
								</a>
							</li>
							<!--{/loop}-->
						</ul>
						<ul id="idNum" class="num" style="z-index: 1;">
							<!--{loop $banner_creditshop $jifei}-->
							<li ${!$index? 'class="on"': ''}>
								<!--${++$index}-->
							</li>
							<!--{/loop}-->
						</ul>
					</div>
				</div>
			</section>
			<div class="user-credit">
				<div class="credit-score">积分<span>${moneyit($login_user['score'])}</span></div>
				<div class="credit-record"><a href="/wap/creditrecord.php">兑换记录</a></div>
			</div>
			<section class="index-catg" mon="area=class">				
				<ul id="catg-wraps" class="wraps" style="visibility: visible;">	
					<li class="wrap wrap8">
						<!--{loop $category $index $one}-->
						<a class="item item{$index}" href="/wap/creditclassify.php?cid={$one['id']}">
							<div class="img {$one['ename']}"></div>
							<div class="text">{$one['name']}</div>
						</a>						
						<!--{/loop}-->
						<a class="item" href="/wap/creditclassify.php?cid=0">
							<div class="img more"></div>
							<div class="text">更多分类</div>
						</a>
					</li>
				</ul>
				<div id="catg-pointers" class="pointers"></div>				
			</section>
			
			<section class="goods-list-title else">热门兑换</section>
			<script src="/static/js/index.js"></script>
			<div id="dialog"></div>
			<div id="pagemasker"></div>
			<div id="j-goods-container">
				<!--{loop $goods $tindex $one}-->
				<section class="w-goods " mon="action=click&amp;type=item">
					<div style="display: block;width:100%;height:79px;padding:10px 0;">
						<div class="img-wrapper" style="float:left;padding-left:10px;">
							<img src="${team_image($one['image'], true)}" height="79" width="91">
						</div>
						<ul style="float:left;width:50%;overflow: hidden;white-space: nowrap;padding: 10px 10px 0 10px;">
							<li class="title" style="width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
								<span class="item-name">
									{$one['title']}
								</span>
							</li>
							<li class="others" style="margin-top: 20px;">
								<ins style="font-family:'微软雅黑';font-size:20px;color:#e4393c;float:left;">
									{$one['score']}
									<b style="font-family:'宋体';font-size:12px;color:#e4393c;">
										积分
									</b>
								</ins>
								<span class="bought" style="float:right;">
									<a href="/wap/credit/ajax.php?id={$one['id']}&action=exchange" class="ajaxlink"
									style="color:#CC0000;" ask="确定使用{$one['score']}点积分兑换{$one['title']}吗？">
										立即兑换
									</a>
								</span>
							</li>
						</ul>
					</div>
				</section>
				<!--{/loop}-->
			</div>
			<div style="background:#FFFFFF;">{$pagestring}</div>
			<!--<div class="w-viewmore clearfix" mon="action=click">
				<a href="#" id="j-gotop" class="op-btn gotop" mon="type=gotop">
					<img src="/wap/images/top.png">
				</a>
			</div>-->
		</article>
		<!--{include wap_footer}-->
	</body>
</html>